<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="css/index.css" />
		<meta name="keywords" content="博客,个人博客" />
		<meta name="description" content="这是自己的第一个博客" />
		<title>个人博客</title>
	</head>
	<body>
		<div class="web"><!--外围最大的div开始-->
			<!--头部开始-->
			<header>
				<img src="image/a.jpg"/>
			</header><!--头部结束-->
			<!--导航栏开始-->
			<nav>
				<ul>
					<li><a href="">链接1</a></li>
					<li class="margin_20"><a href="">链接2</a></li>
					<li class="margin_20"><a href="">链接3</a></li>
					<li class="margin_20"><a href="">链接4</a></li>
					<li class="margin_20"><a href="">链接5</a></li>
					<li class="margin_20"><a href="">链接6</a></li>
					<li><a href="">链接7</a></li>
				</ul>
			</nav><!--导航栏结束-->
			<!--中心内容开始-->
			<section>
				<div class="section_div_one"><!--内容的第一个div开始-->
				<div class="left_content_div">
					<img src="image/3.jpg" alt="" />
				<p>我的日记本</p>
				<p>善良，不是夜色里的松明，却总能把前途照亮。真诚，不是春光里的花朵，却总能把希望指明。</p>
				</div>
				
				<div class="left_content_div">
				<img src="image/4.jpg"/>
				<p>心情轨迹</p>
				<p>假如生活中你失败了，请不要将忧伤的泪水写在脸上。失败也是一种收获，生活中最得要的是有一份十足的勇气和一个创业的胆量。</p>
				</div>
				</div><!--内容的第一个div结束-->
				<!--内容的第二个div开始-->
				<div class="section_div_two">
					<ul>
						<li class="fone_style">介绍</li>
						<li class="fone_content_style">生命因运动而精彩，生活因乐趣而充实，学习因思考而深刻，交友因真诚而持久！</li>
						<li class="fone_style">照相本子</li>
						<li class="fone_content_style">我的桌斗里放着一个破旧的碎花书包，虽然破旧，但它却是我的一只小船，一块珍宝。</li>
						<li class="fone_style">地下铁</li>
						<li class="fone_content_style">书籍好比一架梯子，它能引导我们登上知识的殿堂。书籍如同一把钥匙，它将帮助我们开启心灵的智慧之窗。时间好比一个良医，它能教我们医治流血的伤口，时间如同一位慈母，它将帮助我们抚平心灵的创伤。</li>
						<li class="fone_style">向左向右走</li>
						<li class="fone_content_style">“指点江山，激扬文字”是一种豪迈的潇洒，“天生我材必有用”是一种自信的潇洒，“独钓寒江雪”是一种高洁的潇洒，“不破楼兰终不还”是一种悲壮的潇洒。</li>
					</ul>
				</div><!--内容的第二个div结束-->
			</section><!--中心内容结束-->
		</div><!--外围最大的div结束-->
	</body>
</html>
